.d_f {
    display: flex;
}
.f_s_12 {
    font-size: 24rpx;
}
.f_s_13 {
    font-size: 26rpx;
}
.f_s_14 {
    font-size: 28rpx;
}
.f_s_15 {
    font-size: 30rpx;
}
.f_s_16 {
    font-size: 32rpx;
}
.f_s_17 {
    font-size: 34rpx;
}
.f_s_18 {
    font-size: 36rpx;
}
.f_s_19 {
    font-size: 38rpx;
}
.f_s_20 {
    font-size: 40rpx;
}
.f_s_21 {
    font-size: 42rpx;
}
.f_s_22 {
    font-size: 44rpx;
}
.f_s_23 {
    font-size: 46rpx;
}
.f_s_24 {
    font-size: 48rpx;
}
.f_w_700 {
    font-weight: 700;
}
.f_w_400 {
    font-weight: 400;
}
.f_c_c {
    color: #ccc;
}
.f_c_f {
    color: #ffffff;
}
.f_c_3 {
    color: #333;
}
.t_a_l {
    text-align: left;
}
.t_a_c {
    text-align: center;
}
.t_a_r {
    text-align: right;
}
.t_d_u {
    text-decoration: underline;
    /* 装饰在文本底部 */
}
.t_d_o {
    text-decoration: overline;
    /* 装饰在顶部 */
}
.t_d_l_t {
    text-decoration: line-through;
    /* 装饰在文本中间 */
}
.d_i {
    display: inline;
    /* 块级元素装换成行内元素 */
}
.d_i_b {
    display: inline-block;
    /* 块级元素装换成行内块元素 */
}
.d_b {
    display: block;
    /* 行内和行内块元素装换成块级元素 */
}
.d_n {
    display: none;
}
.p_r {
    position: relative;
}
.p_a {
    position: absolute;
}
.p_f {
    position: fixed;
}
.b_r_50 {
    border-radius: 50%;
}
.j_c_s_a {
    justify-content: space-around;
}

.j_c_s_b {
    justify-content: space-between;
}
.j_c_c {
    justify-content: center;
}
.a_i_c{
   align-items: center;
}
.f_d_c {
    flex-direction: column;
}
* {
    margin: 0;
    padding: 0;
}
.w_o_t {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 超出部分隐藏（只限字体） */
}
.f_w_w {
    flex-wrap: wrap;
    /* 换行 */
}
.w_s_n {
    white-space: nowrap;
    /* 内容不换行 */
}

.b_l_n {
    border-left: none;
}
.b_t_n {
    border-top: none;
}
.b_r_n {
    border-right: none;
}
.b_b_n {
    border-bottom: none;
}
.m_t_1 {
    margin-top: 2rpx;
}
.m_t_2 {
    margin-top: 4rpx;
}
.m_t_3 {
    margin-top: 6rpx;
}
.m_t_4 {
    margin-top: 8rpx;
}
.m_t_5 {
    margin-top: 10rpx;
}
.m_t_6 {
    margin-top: 12rpx;
}
.m_t_7 {
    margin-top: 14rpx;
}
.m_t_8 {
    margin-top: 16rpx;
}
.m_t_9 {
    margin-top: 18rpx;
}
.m_t_10 {
    margin-top: 20rpx;
}
.m_t_11 {
    margin-top: 22rpx;
}
.m_t_12 {
    margin-top: 24rpx;
}
.m_t_13 {
    margin-top: 26rpx;
}
.m_t_14 {
    margin-top: 28rpx;
}
.m_t_15 {
    margin-top: 30rpx;
}
.m_t_16 {
    margin-top: 32rpx;
}
.m_t_17 {
    margin-top: 34rpx;
}
.m_t_18 {
    margin-top: 36rpx;
}
.m_t_19 {
    margin-top: 38rpx;
}
.m_t_20 {
    margin-top: 40rpx;
}
.m_t_21 {
    margin-top: 42rpx;
}
.m_t_22 {
    margin-top: 44rpx;
}
.m_t_23 {
    margin-top: 46rpx;
}
.m_t_24{
    margin-top: 48rpx;
}
.m_t_25 {
    margin-top: 50rpx;
}
.m_t_26 {
    margin-top: 52rpx;
}
.m_t_27 {
    margin-top: 54rpx;
}
.m_t_28 {
    margin-top: 56rpx;
}
.m_t_29 {
    margin-top: 58rpx;
}
.m_t_30 {
    margin-top: 60rpx;
}
.m_l_1 {
    margin-left: 2rpx;
}
.m_l_2 {
    margin-left: 4rpx;
}
.m_l_3 {
    margin-left: 6rpx;
}
.m_l_4 {
    margin-left: 8rpx;
}
.m_l_5 {
    margin-left: 10rpx;
}
.m_l_6 {
    margin-left: 12rpx;
}
.m_l_7 {
    margin-left: 14rpx;
}
.m_l_8 {
    margin-left: 16rpx;
}
.m_l_9 {
    margin-left: 18rpx;
}
.m_l_10 {
    margin-left: 20rpx;
}
.m_l_11 {
    margin-left: 22rpx;
}
.m_l_12 {
    margin-left: 24rpx;
}
.m_l_13 {
    margin-left: 26rpx;
}
.m_l_14 {
    margin-left: 28rpx;
}
.m_l_15 {
    margin-left: 30rpx;
}
.m_l_16 {
    margin-left: 32rpx;
}
.m_l_17 {
    margin-left: 34rpx;
}
.m_l_18 {
    margin-left: 36rpx;
}
.m_l_19 {
    margin-left: 38rpx;
}
.m_l_20 {
    margin-left: 40rpx;
}
.m_l_21 {
    margin-left: 42rpx;
}
.m_l_22 {
    margin-left: 44rpx;
}
.m_l_23 {
    margin-left: 46rpx;
}
.m_l_24{
    margin-left: 48rpx;
}
.m_l_25 {
    margin-left: 50rpx;
}
.m_l_26 {
    margin-left: 52rpx;
}
.m_l_27 {
    margin-left: 54rpx;
}
.m_l_28 {
    margin-left: 56rpx;
}
.m_l_29 {
    margin-left: 58rpx;
}
.m_l_30 {
    margin-left: 60rpx;
}

.p_l_5 {
    padding-left: 10rpx;
}
.p_l_10 {
    padding-left: 20rpx;
}
.p_l_15 {
    padding-left: 30rpx;
}
.p_l_20 {
    padding-left: 40rpx;
}
.p_l_25 {
    padding-left: 50rpx;
}
.p_l_30 {
    padding-left: 60rpx;
}
.p_l_35 {
    padding-left: 70rpx;
}
.p_l_40 {
    padding-left: 80rpx;
}
.p_t_5 {
    padding-top: 10rpx;
}
.p_t_10 {
    padding-top: 20rpx;
}
.p_t_15 {
    padding-top: 30rpx;
}
.p_t_20 {
    padding-top: 40rpx;
}
.p_t_25 {
    padding-top: 50rpx;
}
.p_t_30 {
    padding-top: 60rpx;
}
.p_t_35 {
    padding-top: 70rpx;
}
.p_t_40 {
    padding-top: 80rpx;
}
.padding_5{
	padding: 10rpx;
}
.padding_10{
	padding: 20rpx;
}
.padding_15{
	padding: 30rpx;
}
.padding_20{
	padding: 40rpx;
}






.o_n {
    outline: none;
    /* 隐藏边框 */
}
.b_s {
    box-shadow: 0px 0px 5px #ccc;
}
.w_100 {
    width: 100%;
}
.h_100{
    height: 100%;
}
.w_h_100{
    width: 100%;
    height: 100%;
}
.z_i {
    z-index: 999;
}
.c_p {
    cursor: pointer;
}
.f_r {
    float: right;
}
.f_l {
    float: left;
}
.f_w_b{
    font-weight: bold;
}
